*{margin: 0px;padding: 0px;}
li{list-style: none;}
html,body,div,p{margin: 0px;padding: 0px;}
a{text-decoration:none}
.header{width: 100%; height: 100px;padding: 20px;}
.header img{width: 300px; height: 100px;}
.header .user{width: 500px;height: 100px;float: right;}
.header .user p{line-height: 100px; float: left;width: 110px; margin: 0px 20px; color: #000000; text-align: center;}
.header .user p:last-child{line-height: 100px; float: left;width: 50px; margin: 0px 20px; color: #000000;height: 100px;text-align: center;}
.header .user p a{color: #000000;}
.header .user p:last-child a{color: #000000;}
.system{width: 100%; height: 800px; position: relative;}
.system #dituContent{width: 100%; height: 800px;z-index: 10;}
.system .shousuotop{z-index: 100;position: absolute;top:0px;left: 5%;width: 70%;}
.system .shousuotop .top{width: 100%; height: 100px; background: rgb(230,230,230);z-index: 100;}
.system .shousuotop .top li{width:7%;float: left;}
.system .shousuotop .top img{padding: 15px 23.5px;float: left;z-index: 100;}
.system .shousuotop .top img:hover{background: #FFFFFF;}
.system .shousuotop .top p{float: left; margin-top: 60px; margin-left: 20px;}
.system .shousuotop #shouqitop{z-index: 100; width: 100px; height: 20px;display: block;margin: 0px auto;}
.system .shousuoright{height: 800px; z-index: 100;position: absolute; top: 0px;right: 0px;}
 
.system .shousuoright .right{width: 400px; height: 800px; z-index: 100;background: rgba(255,255,255,0.5);float: right;}
.system .shousuoright .right .title{width: 100%; heighsst: 40px; line-height: 40px; text-align: center; background: #4EBFBC; color: #FFFFFF;font-size: 30px;}
.system .shousuoright .right #chart-title{width: 100%; height: 120px;}
.system .shousuoright .right #chart-title p{float: left;width: 120px; height: 20px;color: #AAAAAA; margin: 10px 6px;}
.system .shousuoright .right #chart-title p span#yhbs{width: 50px; height: 20px;background:#36A2EB;display: block;float: left;}
.system .shousuoright .right #chart-title p span#jydq{width: 50px; height: 20px;background: #4BC0C0;display: block;float: left;}
.system .shousuoright .right #chart-title p span#wgcz{width: 50px; height: 20px;background: #FF9F40;display: block;float: left;}
.system .shousuoright .right #chart-title p span#xy{width: 50px; height: 20px;background: #FF6384;display: block;float: left;}
.system .shousuoright .right #chart-title p span#gyzh{width: 50px; height: 20px;background: #FFCD56;display: block;float: left;}
.system .shousuoright .right #chart-title p span#zr{width: 50px; height: 20px;background: #66FF99;display: block;float: left;}
.system .shousuoright .right #chart-title p span#qt{width: 50px; height: 20px;background: #D6D6D6;display: block;float: left;}
.system .shousuoright .right #chart-area{margin: 0px auto; display: block;}
.system .shousuoright #shouqiright{z-index: 1000;width: 20px; height: 100px;display: block;margin-top: 400px;float: right;}
.aaa{display: none;}
#camera{width: 400px;height: 230px;position: absolute;left: -392px;top: 121px;display: none;}